import Vue from 'vue'
import { Button,Form,FormItem,Input } from 'element-ui'
import { Container, header, aside, main } from 'element-ui'
import { Menu, Submenu, MenuItemGroup, MenuItem } from 'element-ui'
import { Breadcrumb, BreadcrumbItem, Card, Row, Col } from 'element-ui'
import { Table,TableColumn,Switch,Tooltip,Pagination,Dialog,MessageBox } from 'element-ui'
import { Tag } from 'element-ui'
import { Tree } from 'element-ui'
import { Select, Option } from 'element-ui'
import { Cascader } from 'element-ui'
import { Alert,Tabs,TabPane } from 'element-ui'
import { Steps,Step,Upload } from 'element-ui'
import { Timeline,TimelineItem } from 'element-ui'



// 导入弹框提示组件
import { Message } from 'element-ui'

// 由视频提供的资源包可用可不用，因为目前版本的 element ui 已经有成熟的组件使用，直接正常使用即可
// 此处是导入js 文件
// import Timeline from './timeline/index'
// import TimelineItem from './timeline-item/index'


Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)

Vue.use(Container)
Vue.use(header)
Vue.use(aside)
Vue.use(main)

Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItemGroup)
Vue.use(MenuItem)

Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)
Vue.use(Card)
Vue.use(Row)
Vue.use(Col)

Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)

Vue.use(Tag)

Vue.use(Tree)

Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)

Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Steps)
Vue.use(Step)
Vue.use(Upload)

Vue.use(Timeline)
Vue.use(TimelineItem)


// 全局挂载（$message 为任意属性，可自行更改，合法即可），挂载原型上后，即可在 vue 组件任何位置都可以进行调用
Vue.prototype.$message = Message    
Vue.prototype.$confirm = MessageBox.confirm   // 使用MessageBox 时，需要用到 confirm 这个函数，因此需要提前进行 Vue 组件原型的挂载，以便可以在组件中通过 this 进行调用